@charset "utf-8";
/* CSS Document */

a:hover {text-decoration:none;}

h2 i{letter-spacing: 5px;}

/* tyts部分 */

.tyts .container {height: 120px;position: relative;}
.tyts .tytsbg {height: 120px;width: 1920px;position: absolute;left: -360px;top: 0;background: url(../images/tytsbg.jpg) no-repeat center top;}
.tyts .tytsCon {position: relative;z-index: 2;color: #fff;}
.tyts .tytsCon li {float: left;width: 300px;height: 120px;text-align: center;padding-top: 5px;}
.tyts .tytsCon li span {display: block;}
.tyts .tytsCon li i {font-size: 68px;margin-right: 5px;}

.product {}
.product h2 {padding-top: 70px;text-align: center;font-weight: normal;font-size: 14px;color: #333;margin-bottom: 50px;}
.product h2 a {display: block;font-size: 32px;color: #333;margin-bottom: 8px;font-weight: bold;}
.product .proType {margin-bottom: 32px;}
.product .proType ul li {float: left;width: 140px;height: 46px;background: #f3f3f3;text-align: center;line-height: 46px;margin-left: 10px;}
.product .proType ul li a {display: block;height: 46px;color: #333;}
.product .proType ul li:first-child {margin-left: 0;}
.product .proType ul li.cur {background: #27a65b;}
.product .proType ul li.cur a {color: #fff;}

.product .proCon .conbox {display: none;}
.product .proCon .conbox.cur {display: block;}

.product .proCon .boxBot {}
.product .proCon .boxBot dl {float: left;width: 280px;margin-left: 10px;background: #f3f3f3;position: relative;overflow: hidden; margin-right: 10px;margin-bottom: 20px;}
.product .proCon .boxBot dl dt {height: 210px;}
.product .proCon .boxBot dl dt img {display: block;width: 280px;height: 210px;transition: all 0.5s;}
.product .proCon .boxBot dl dd {text-align: center;height: 45px;line-height: 45px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;position: relative;z-index: 2;}
.product .proCon .boxBot dl .boxMore {display: block;width: 280px;height: 260px;background: url(../images/bg01.png);position: absolute;left: 0;top: 280px;transition: all 0.5s;}
.product .proCon .boxBot dl .boxMore a {display: block;height: 100%;width: 100%;background: url(../images/promore02.png) no-repeat center 115px;}
.product .proCon .boxBot dl:hover .boxMore {top: 0;}
.product .proCon .boxBot dl:hover dd a {color: #fff;}



.tyys {}
.tyys h2 {padding-top: 55px;text-align: center;font-weight: normal;font-size: 14px;color: #333;margin-bottom: 50px;}
.tyys h2 span {display: block;font-size: 32px;color: #333;margin-bottom: 8px;font-weight: bold;}
.tyys h2 b {color: #27a65c;}
.tyys .tyysCon {height: 590px;background: #27a65c;}
.tyys .tyysCon .container {position: relative;height: 590px;}
.tyys .tyysCon .conleft {width: 960px;height: 590px;position: absolute;left: -360px;}

.tyys .tyysCon .conright {width: 545px;position: absolute;right: 0;top: 85px;}
.tyys .tyysCon .conright dl {padding-left: 70px;color: #fff;margin-bottom: 70px;}
.tyys .tyysCon .conright dl dt {position: relative;margin-bottom: 12px;}
.tyys .tyysCon .conright dl dt em {position: absolute;left: -60px;top: 0;}
.tyys .tyysCon .conright dl dt b {font-size: 22px;}
.tyys .tyysCon .conright dl dt span {padding-left: 222px; margin-left: 20px;background: url(../images/tyysline.png) no-repeat left center;font-size: 18px;font-weight: bold;color: #abd6b9;}
.tyys .tyysCon .conright dl dd {line-height: 24px;}



.case {padding: 70px 0;background: #f5f5f5;height: 580px;}
.case .conleft {width: 460px;position: relative;left: -20px;}
.case .conleft ul li {display: none;}
.case .conleft ul li.cur {display: block;}
.case .conleft ul li img {display: block;width: 460px;height: 345px;}
.case .conright {width: 670px;}
.case .p1 {background: url(../images/caseline.jpg) no-repeat 540px center;height: 75px;line-height: 75px;position: relative;}
.case .p1 b {display: block; font-size: 68px;color: #27a65c;height: 75px;line-height: 68px;text-transform: uppercase;}
.case .p1 .caseBtnl {display: block;width: 31px;height: 20px;background: url(../images/casejtl01.png) no-repeat center;position: absolute;right: 135px;top: 27px;cursor: pointer;}
.case .p1 .caseBtnr {display: block;width: 31px;height: 20px;background: url(../images/casejtr01.png) no-repeat center;position: absolute;right: -5px;top: 27px;cursor: pointer;}
.case .p1 .caseBtnl:hover {background: url(../images/casejtl02.png) no-repeat center;}
.case .p1 .caseBtnr:hover {background: url(../images/casejtr02.png) no-repeat center;}
.case .p2 {margin-left: 25px;padding-left: 27px;height: 90px;border-left: 1px solid #d5d5d5;margin-bottom: 35px;}
.case .p2 span {display: block;padding-top: 18px;font-size: 38px;color: #333;margin-bottom: 6px;}

.case .caseType {margin-bottom: 35px;}
.case .caseType a {color: #fff;}
.case .caseType li {float: left;width: 148px;height: 36px;margin-left: 20px;background: #333;color: #fff;text-align: center;line-height: 36px;border-radius: 3px;cursor: pointer;}
.case .caseType li:first-child {margin-left: 0;background: #27a65c;}
.case .caseBox {margin-bottom: 25px;}
.case .caseBox li {display: none;line-height: 28px;height: 112px;}
.case .caseBox li.cur {display: block;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.case .p3 {width: 190px;height: 38px;line-height: 38px;background: url(../images/casebg.png) no-repeat left center;color: #fff;font-size: 18px;text-indent: 45px;font-weight: bold;}


.spzx {height: 450px;position: relative;z-index: 999;margin-top: -160px;}
.spzx h2 {padding-top: 45px;text-align: center;font-weight: normal;font-size: 14px;color: #333;margin-bottom: 40px;}
.spzx h2 a {display: block;font-size: 28px;color: #333;margin-bottom: 8px;font-weight: bold;}
.spzx h2 b {color: #27a65c;}
.spzx .yyal_con {position: relative;}
.spzx .yyal_con .yyalBtnl {display: block;width: 54px;height: 62px;position: absolute; left: -83px;top: 165px;cursor: pointer;background: url(../images/spzxjtl01.png) no-repeat center;}
.spzx .yyal_con .yyalBtnr {display: block;width: 54px;height: 62px;position: absolute; right: -83px;top: 165px;cursor: pointer;background: url(../images/spzxjtr01.png) no-repeat center;}
.spzx .zg {height: 390px;width: 1090px; position:absolute;left: 55px; overflow: hidden;}
.spzx .zg .iteam {position: absolute;overflow: hidden;width: 500px; height: 375px;}
.spzx .zg .iteam span {display: block; background: #000;}
.spzx .zg .iteam.active span {background: #ccc;}
.spzx .zg .iteam.active {overflow: initial;}
.spzx .zg .iteam.active .item_p1 {line-height: 50px;height: 50px;text-align: center;font-size: 14px;position: absolute;left: 0;bottom: -50px;width: 100%;color: #333;}
.spzx .yyal_con .yyalBtnl:hover {background: url(../images/spzxjtl02.png) no-repeat center;}
.spzx .yyal_con .yyalBtnr:hover {background: url(../images/spzxjtr02.png) no-repeat center;}


.xzty {margin-bottom: 80px;}
.xzty h2 {position: relative;background: url(../images/xztyline.png) no-repeat 312px center;font-weight: normal;margin-bottom: 45px;}
.xzty h2 b {font-size: 28px;color: #333;}
.xzty h2 a {display: block;width: 130px;height: 34px;line-height: 34px;background: #333333;font-size: 14px;color: #fff;text-align: center;border-radius: 27px;position: absolute;right: 0;top: 3px;}
.xzty h2 a:hover {background: #25AF5F;}
.xzty .xztyCon dl {float: left;width: 280px;background: #25AF5F;color: #fff;text-align: center;height: 300px;margin-left: 26px;border-radius: 10px;}
.xzty .xztyCon dl:first-child {margin-left: 0;}
.xzty .xztyCon dl dt {height: 52px; padding-top: 46px;margin-bottom: 20px;}
.xzty .xztyCon dl dt img {display: block;margin: 0 auto;transition: all 0.5s;}
.xzty .xztyCon dl dd.dd1 {font-size: 24px;margin-bottom: 16px;}
.xzty .xztyCon dl dd.dd1 b {display: block;font-size: 14px;margin-top: 6px;}
.xzty .xztyCon dl dd.dd2 {font-size: 16px;}
.xzty .xztyCon dl dd.dd2 em {display: block;width: 1px;height: 30px;background: #93d3ae;margin: 0 auto 10px auto;}
.xzty .xztyCon dl:hover dt img {transform: rotateY(360deg);}


.zxzx {background: #f5f5f5;height: 680px;}
.zxzx .zxzxTop {height: 110px;background: #fff;}
.zxzx .zxzxTop .container {position: relative;height: 110px}
.zxzx .zxzxTop .topbg {width: 91px;height: 153px;position: absolute;right: -50px;bottom: 0;background: url(../images/zxzx02.png) no-repeat center bottom;}
.zxzx .zxzxTop .p1 {width: 780px;margin-left: 420px;background: url(../images/xztyline.png) no-repeat 155px center;font-size: 20px;color: #333;font-weight: bold;margin-bottom: 18px;}
.zxzx .zxzxTop .p1:first-letter {color: #25AF5F;}
.zxzx .zxzxTop ul {margin-left: 420px;}
.zxzx .zxzxTop ul li {float: left;width: 165px;height: 40px;line-height: 40px;color: #333;margin-left: 40px;}
.zxzx .zxzxTop ul li a {display: block;padding-left: 48px;background: url(../images/zxzxicon01.png) no-repeat left center;}
.zxzx .zxzxTop ul li:first-child {margin-left: 0;}
.zxzx .zxzxTop ul li:hover a {color: #25AF5F;background: url(../images/zxzxicon02.png) no-repeat left center;}


.zxzx .conleft {width: 360px;background: #fff;position: relative;top: -110px;}
.zxzx .conleft img {display: block;}
.zxzx .conleft dl {padding:40px 0 30px 0;margin: 0 40px;border-top: 1px solid #e5e5e5;}
.zxzx .conleft dl dt {font-size: 18px;font-weight: bold;color: #25AF5F;margin-bottom: 24px;}
.zxzx .conleft dl dd {line-height: 24px;color: #333;}
.zxzx .conleft dl.dl1 {border-top: none;}
.zxzx .conleft dl.dl1 dt {background:url(../images/zxzxicon04.png) no-repeat right center;}
.zxzx .conleft dl.dl2 dt {background:url(../images/zxzxicon05.png) no-repeat right center;}
.zxzx .conright {padding-top: 60px;width: 780px;}
.zxzx .conright .p2 {font-size: 28px;font-weight: bold;font-size: 28px;margin-bottom: 35px;}
.zxzx .conright .p2 a {display: block;background: url(../images/zxzxicon03.png) no-repeat right center;color: #333;}
.zxzx .conright ul li {float: left;width: 180px;height: 110px;margin-left: 20px;margin-bottom: 20px;}
.zxzx .conright ul li.bdnot {margin-left: 0;}
.zxzx .conright ul li img {display: block;width: 180px;height: 110px;}


.about {height: 660px;background: url(../images/aboutbg.jpg) no-repeat center top;line-height: 30px; font-size: 15px;}
.about .aboCon {margin-left: 480px;padding-top: 110px;height: 550px;position: relative;}
.about .p1 {padding-left: 315px;padding-top: 15px;background: url(../images/abotit.png) no-repeat left center;height: 60px;position: relative;margin-bottom: 40px;}
.about .p1 span {display: block;font-size: 22px;color: #25AF5F;font-weight: bold;padding-left: 15px;}
.about .p1 b {display: block;font-size: 60px;color: #25AF5F;position: absolute;left: 200px;top: 0;}
.about .p1 i {display: block;font-size: 16px;color: #333;margin-top: 5px;letter-spacing: 5px;}
.about .p3 {margin-bottom: 35px;}
.about .p3 b {display: block;font-size: 18px;color: #25AF5F;margin-bottom: 10px;}
.about .aboUl1 {}
.about .aboUl1 li {float: left;width: 220px;margin-left: 30px;}
.about .aboUl1 li:first-child {margin-left: 0;}
.about .aboUl1 li p {display: block;padding-bottom: 50px;background: url(../images/zxzxicon03.png) no-repeat left bottom;height: 65px;}
.about .aboUl1 li b {display: block;font-size: 14px;color: #25AF5F;margin-bottom: 10px;}
.about .aboUl1 li a span {display: block;font-weight:bold;}
.about .aboType {position: absolute;left: 0;bottom: 0;width: 100%;}
.about .aboType li {float: left;width: 226px;height: 50px;margin-left: 20px;}
.about .aboType li:first-child {margin-left: 0;}
.about .aboType li a {display: block;height: 50px;line-height: 50px;text-align: center;background: #8e8f94;border-radius: 10px 10px 0 0;color: #fff;}
.about .aboType li:hover a {background: #25AF5F;} 


.news {padding: 70px 0 45px 0;}
.news .conleft {width: 785px;}
.news h3 {font-size: 28px;margin-bottom: 40px;background: url(../images/xztyline.png) no-repeat  135px center;}
.news h3 a {color: #333;}
.news .lTop {padding-left: 60px;position: relative;margin-bottom: 28px;}
.news .lTop dt {position: absolute;left: 0;top: 0;width: 40px;height: 112px; background: #27A65C;color:#fff;}
.news .lTop dt p {line-height: 28px;text-align: center;width: 40px;}
.news .lTop dd.dd1 {margin-bottom: 20px;padding-top: 5px;}
.news .lTop dd.dd1 a {display: block;color: #333; font-size: 18px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.news .lTop dd.dd1 i {display: block;font-size: 12px;color: #aaa;margin-top: 5px;}
.news .lTop dd.dd2 {line-height: 24px;}
.news .lTop dd.dd2 a {color: #999;}

.news .newsBox {padding-top: 40px;border-top: 1px dashed #e0e0e0;}
.news .newsBox li {float: left;width: 368px;margin-left: 43px;padding-bottom: 25px;border-bottom: 1px dashed #e0e0e0;margin-bottom: 25px;overflow: hidden;}
.news .newsBox li:nth-child(odd) {margin-left: 0;}
.news .newsBox li a {float: left;width: 265px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;padding-left: 22px;background: url(../images/newsicon01.jpg) no-repeat left center;}
.news .newsBox li span {float: right;font-size: 12px;color: #aaa;}
.news .newsBox li:hover a {background: url(../images/newsicon02.jpg) no-repeat left center;color: #25AF5F;}


.news .conright {width: 360px;}
.news .conright .cjwt {height: 340px;overflow: hidden;}
.news .conright .cjwt td {padding: 0;}
.news .conright ul li {height: 60px;margin-bottom: 10px;text-indent: 30px;background: url(../images/cjwtbg01.png) no-repeat center;width: 360px;}
.news .conright ul li a {display: block;height: 60px;line-height: 60px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width: 300px;}
.news .conright ul li:hover {background: url(../images/cjwtbg02.png) no-repeat center;}
.news .conright ul li:hover a {color: #fff;}


.yqlj {}
.yqlj .container {position: relative;padding: 25px 0 20px 0;border-top: 1px solid #e5e5e5;}
.yqlj .box {text-align: left;}
.yqlj .box .p1 {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 143px;height: 43px;margin-right: 15px;}
.yqlj .box ul {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.yqlj .box ul li {float: left;padding: 0 20px;}
.yqlj .box ul li a {color: #999;}
.yqlj .box ul li:last-child {border-right: none;}
.yqlj .box ul li:hover a {color: #27a65c;}
